﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>逗号分隔换行 - huatools.com</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="逗号分隔,逗号换行,换行转逗号,回车转逗号">
    <meta name="description" content="在线使用逗号分隔内容、根据逗号换行、换行转逗号、回车转逗号工具。">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="../img/favicon.ico"/>
    <link rel="stylesheet" href="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/css/layui.min.css"/>
    <link rel="stylesheet" href="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.css">
    <link rel="stylesheet" href="../css/public.min.css"/>
    <link rel="stylesheet" href="../css/tools.min.css"/>
    <link rel="stylesheet" href="index.min.css"/>
    <script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/layui.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.6.0/jquery.min.js"></script>
    <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.js"></script>
    <script src="//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/clipboard.js/2.0.10/clipboard.min.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/FileSaver.js/2.0.5/FileSaver.min.js"></script>
    <script src="../js/public.min.js"></script>
    <script src="index.min.js"></script>
</head>
<body>
<div class="body-div">
    <div class="menu-div">
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="/public/">JSON格式化</a></li>
            <li class="layui-nav-item"><a href="/public/xml-format/">XML格式化</a></li>
            <li class="layui-nav-item">
                <a href="javascript:">URL工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">对比工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">转换工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">分隔工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">文本工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">数字工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">格式化</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">加解密</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">更多</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item skin-nav-item">
                <a href="javascript:"><i class="layui-icon layui-icon-theme"></i>换肤</a>
                <dl class="layui-nav-child"></dl>
            </li>
        </ul>
    </div>
    <div class="main-div">
        <div class="layui-container">
            <div class="layui-row btns-row">
                <div class="layui-col-left">
                    <button type="button" class="layui-btn layui-btn-warn" id="clear">清空</button>
                    <form class="layui-form">
                        <input type="checkbox" id="remove-comma" title="去逗号" lay-skin="primary" lay-filter="remove-comma" checked>
                        <input type="checkbox" id="trim-line" title="去空行" lay-skin="primary" lay-filter="trim-line" checked>
                        <input type="checkbox" id="trim" title="去前后空格" lay-skin="primary" lay-filter="trim">
                    </form>
                </div>
                <div class="layui-col-right">
                    <button type="button" class="layui-btn layui-btn-blue" id="copy">复制</button>
                    <div class="other-btns">
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="br-to-comma" title="换行替换为逗号">换行转逗号</button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="tail-add-comma" title="每行行尾加逗号">行尾加逗号</button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="head-add-comma" title="每行行首加逗号">行首加逗号</button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="save" title="保存">
                            <i class="gg-download"></i>
                        </button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="set" title="设置"><i class="layui-icon layui-icon-set"></i></button>
                    </div>
                </div>
            </div>
            <div class="layui-row editor-row">
                <div class="layui-col-left">
                    <textarea id="content" class="content-textarea" placeholder="aa,bb,cc"></textarea>
                </div>
                <div class="layui-col-right">
                    <textarea id="result" class="result-textarea"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="set-div" style="display:none">
        <div class="layui-tab layui-tab-card">
            <ul class="layui-tab-title">
                <li class="layui-this">功能</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">中文逗号</label>
                            <div class="layui-input-block">
                                <input type="checkbox" lay-filter="chinese-comma" lay-skin="primary" id="chinese-comma" title="分隔">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
